<?php 
	include('../../conexion.php');
	// Realizar una consulta MySQL

	include('../../redireccionar.php');

?>
<html>
<head>
	<title>Egreso Bancario</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	
	<!-- Estilos -->
        <link rel="stylesheet" href="css/fm.scrollator.jquery.css"/>
        
	<link rel="stylesheet" href="css/bootstrap.css" />
	<link rel="stylesheet" href="css/animate.min.css"/>
	<link rel="stylesheet" href="css/style.css" />
    <link rel="stylesheet" href="css/jquery.dataTables.css"/>
    <link rel="stylesheet" href="css/formValidation.css"/>
    <link rel="stylesheet" href="css/bootstrap-select.css"/>
    <link rel="stylesheet" href="css/bootstrap-select.min.css"/>
    <!--<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.2/css/bootstrap-select.min.css" />-->
	
    <!-- include the core styles -->
<link rel="stylesheet" href="css/alertify.core.css" />
<!-- include a theme, can be included into the core instead of 2 separate files -->
<link rel="stylesheet" href="css/alertify.default.css" />



    <!-- Scripts-->


    <script src="js/jquery-1.9.1.js"></script>
    <script src="js/jquery-1.11.1.min.js"></script>
    <script src="js/bootstrap.js"></script>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/formValidation.js"></script>
    <script type="text/javascript" src="js/framework/bootstrap.js"></script>
	<script src="js/bootstrap-select.js"></script>
    <!--<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.2/js/bootstrap-select.min.js"></script>-->
    <script src="js/jquery.dataTables.min.js"></script>
    <script src="js/bancos.js"></script>
    
    <script src="js/alertify.min.js"></script>
<script src="js/fm.scrollator.jquery.js"></script>
    
<style type="text/css">
#loginForm .selectContainer .form-control-feedback {
    /* Adjust feedback icon position */
    right: -15px;
}
.dataTables_filter, .dataTables_info { display: none; }

</style>
    
    
</head>
<body>
	<section class="container-fluid cabecera">
	<?php require('../../menu_principal.php'); ?>
	</section>
		<section class="container-fluid cabecera_oculta"></section>
		<section class="container contenido_cuentas" style="width: 90%;">
<?php 
/** Para obtener el siguiente Código de Banco */
$query2 = "select * from egreso_bancario ORDER BY egre_numegreso DESC LIMIT 1";
//$result2 = mysql_query($query2) or die('Consulta fallida: ' . mysql_error());
$result2 = $link->query($query2);  
while($data=$result2->fetch_assoc()){
        $codigo_ultimo_banco=$data['egre_numegreso'];
       
        $cod=$codigo+1;
 
    }
$num_results = $result2->num_rows; 
    if ($num_results <1){ 
        $cod=1;
    }
?>	
       	<h4 class="titulo_ventana">Egreso Bancario</h4>

		<button type="button" class="btn btn-primary" data-id='nuevo1' data-toggle="modal" data-target="#ModalDeposito">Agregar</button>
		<button type="button" class="btn btn-primary">Modificar</button>
		<button type="button" class="btn btn-primary">Eliminar</button>
	
        <div class="area_pantalla" >
		
        
        
                <form id="NuevoDeposito" name="NuevoDeposito" method="post" class="form-horizontal">
                   <input  type="hidden" id="proceso" name="proceso" value="ingresar_deposito" />
                 
                 <!-- INPUT DESCRIPCION-->
                     <div class="form-group box_banco" >
                        <label class="col-xs-3 control-label">Egreso Bancario </label>
                        <div class="col-xs-5">
                            <input  type="text" class="form-control" name="numero_egreso" id="numero_egreso" value="<?php echo $cod; ?>" style="width: 30%;" readonly="" />
                        </div>
                    </div>
                 <!-- FECHA-->
                     <div class="form-group box_banco">
                        <label class="col-xs-3 control-label">Fecha</label>
                        <div class="col-xs-5">
                            <div class="row no-gutter">
                                <div class="col-xs-4" >
                                    <input type="text" class="form-control" name="date" placeholder="D&iacute;a" />
                                </div>

                                <div class="col-xs-4" >
                                    <input type="text" class="form-control" name="month" placeholder="Mes" />
                                </div>

                                <div class="col-xs-4" >
                                    <input type="text" class="form-control" name="year" placeholder="A&ntilde;o" />
                                </div>
                            </div>

                            <input type="hidden" name="dob" />
                        </div>
                    </div>
                  <!-- SELECT NOMBRE BANCO-->
                   <div class="form-group">
                        <label class="col-xs-3 control-label">* Nombre Banco</label>
                        <div class="col-xs-5 selectContainer">
                        <select name="nombre_banco" id="nombre_banco" class="selectpicker form-control" data-live-search="true" data-width="350px">
                        <option value=" " >Seleccione una Opci&oacute;n</option>
<?php
/** LLENA EL SELECT CON DATOS DE LA TABLA PLAN DE CUENTAS */ 
/**$query = "select * from cont_plan_de_cuentas";

$result = $link->query($query);
echo 'ok php';
while($data=$result->fetch_assoc())
{
    $codigo_cuenta_contable="$data[cont_codigo]";
    $query2=  "select * from banco where ban_cod_cuenta_contable='$codigo_cuenta_contable'";  
   
$result2 = $link->query($query2);
    $data2=$result2->fetch_assoc();
    $num_results2 = $result2->num_rows; 
    if ($num_results2 <1)
        echo"<option value='$data[cont_id_cuenta]' data-codigo-banco='b$cod' data-numero-cuenta='' data-tipo-cuenta='' data-codigo-cuenta-contable='$data[cont_codigo]' data-padre='$data[cont_id_cuenta_padre]'>$data[cont_nombre]</option>";
    else    
        echo"<option value='$data[cont_id_cuenta]' data-codigo-banco='$data2[ban_codigo]' data-tipo-cuenta='$data2[ban_tipo]' data-numero-cuenta='$data2[ban_numero_cuenta]' data-codigo-cuenta-contable='$data[cont_codigo]' data-padre='$data[cont_id_cuenta_padre]'>$data[cont_nombre]</option>";
}***/
$query="SELECT b.*,c.* from banco b INNER JOIN cont_plan_de_cuentas c ON c.cont_codigo=b.ban_cod_cuenta_contable";
$result = $link->query($query);

while($data=$result->fetch_assoc())
{
   
        echo"<option value='$data[ban_cod_cuenta_contable]' data-codigo-banco='$data[ban_codigo]' data-tipo-cuenta='$data[ban_tipo]' data-numero-cuenta='$data[ban_numero_cuenta]' data-codigo-cuenta-contable='$data[ban_cod_cuenta_contable]' >$data[ban_nombre]</option>";
}


 ?>         </select>
                                       
                        </div>
                   </div>
                   <!-- INPUT CODIGO BANCO-->
                   <div class="form-group box_banco">
                        <label class="col-xs-3 control-label">Codigo</label>
                        <div class="col-xs-5">
                            <input readonly="" type="text" class="form-control" name="codigo_banco" id="codigo_banco" />
                        </div>
                    </div>
                    <!-- INPUT # DE CUENTA-->
                    <div class="form-group box_banco">
                        <label class="col-xs-3 control-label"># de Cuenta</label>
                        <div class="col-xs-5">
                            <input readonly="" type="text" class="form-control" name="numero_cuenta" id="numero_cuenta" />
                        </div>
                    </div>
                    <!-- RADIO TIPO CUENTA-->
                    <div class="form-group box_banco">
                        <label class="col-xs-3 control-label">Tipo</label>
                        <div class="col-xs-5">
                            <div class="radio">
                                <label>
                                    <input readonly="" disabled="" type="radio"  name="tipo_cuenta" id="ahorro" value="ahorro" /> Ahorro
                                </label>
                            </div>
                            <div class="radio">
                                <label>
                                    <input readonly=""  disabled="" type="radio"   name="tipo_cuenta" id="corriente" value="corriente" /> Corriente
                                </label>
                            </div>
                           
                        </div>
                    </div>
                    <!-- INPUT DESCRIPCION-->
                     <div class="form-group box_banco" >
                        <label class="col-xs-3 control-label"># Cheque </label>
                        <div class="col-xs-5">
                            <input  type="text" class="form-control" name="numero_cheque" id="numero_cheque" value="<?php echo $cod; ?>" style="width: 30%;" readonly="" />
                        </div>
                    </div>
                    <!-- INPUT DESCRIPCION-->
                     <div class="form-group box_banco" >
                        <label class="col-xs-3 control-label">Valor Cheque </label>
                        <div class="col-xs-5">
                            <input  type="text" class="form-control" name="valor_cheque" id="valor_cheque" value="" style="width: 30%;"  />
                        </div>
                    </div>
                       <!-- INPUT DESCRIPCION-->
                     <div class="form-group box_banco" >
                        <label class="col-xs-3 control-label">Nombre del Beneficiario </label>
                        <div class="col-xs-5">
                            <input  type="text" class="form-control" name="nom_beneficiario" id="nom_beneficiario" value="" style="width: 30%;"  />
                        </div>
                    </div>
                  <!-- SELECT CLIENTES-->
                   <div class="form-group box_banco">
                        <label class="col-xs-3 control-label">* Proveedor</label>
                        <div class="col-xs-5 selectContainer">
                        <select name="proveedores" id="proveedores" class="selectpicker form-control" data-live-search="true" data-width="350px">
                        <option value=" " >Seleccione un Proveedor</option>
<?php
/** LLENA EL SELECT CON DATOS DE LA TABLA PLAN DE CUENTAS */ 
$query = "select * from proveedores";
$result = $link->query($query);
echo 'ok php';
while($data=$result->fetch_assoc())
{
    
        echo"<option value='$data[id_proveedor]' data-id='$data[id_proveedor]' data-ruc='$data[ruc]'>$data[nombre] $data[ruc]</option>";
   
}
 ?>         </select>
                                       
                        </div>
                   </div>
                    <!-- INPUT CODIGO CLIENTE-->
                     <div class="form-group box_banco">
                        <label class="col-xs-3 control-label">Cod Proveedor</label>
                        <div class="col-xs-5">
                            <input readonly="" type="text" class="form-control" name="codigo_proveedor" id="codigo_proveedor" />
                        </div>
                    </div>
                    
                    <!-- INPUT DESCRIPCION-->
                     <div class="form-group box_banco">
                        <label class="col-xs-3 control-label">Descripci&oacute;n</label>
                        <div class="col-xs-5">
                            <input  type="text" class="form-control" name="dep_descripcion" id="dep_descripcion" />
                        </div>
                    </div>
                   
                    
                  
                    </form><!-- cambiar el tag del form-->
                    
                      <div class="modal-footer">
                     <div class="form-group">
                        <div class="col-xs-3">
                        <button type="submit" class="btn-lg  btn-primary" id="anticipos" name="addRow">Anticipos/Clientes</button>
                        
                      </div>
                      <div class="col-xs-3">
                       
                        <button type="submit" class="btn-lg  btn-primary" id="cobros" name="addRow">Cobro de Facuras</button>
                          
                      </div>
                      <div class="col-xs-3">
                          <button type="submit" class="btn-lg  btn-primary" id="otros" name="addRow">Otros</button>
                       
                       
                      </div>
                      <div class="col-xs-3">
                          <button type="submit" class="btn-lg  btn-primary" id="otrosdos" name="addRow">Otros</button>
                       
                      </div>
                    </div>
                    </div>
                  
                       
                    
                    
                 
                          <button type="submit" class="btn btn btn-success" id="addRow" name="addRow">Agregar fila</button>
                       
                    <table id="example" class="display" cellspacing="0"  style="margin-bottom: 50px;">
        <thead>
            <tr>
                <th style="width: 10%;">Cod Cta Contable</th>
                <th style="width: 20%;">Nombre Cuenta</th>
                <th style="width: 40%;">Descripci&oacute;n</th>
                <th style="width: 10%;">Parcial</th>
                <th style="width: 10%;">Debe</th>
                <th style="width: 10%;">Haber</th>
            </tr>
        </thead>
 
        
    </table>
                    
         <label>Elaborado Por:</label>           
                    <input type="text" name="usuario" style="margin-left: 20px;" />
                    
                    
                      <!-- MODAL FOOTER-->
                    <div class="modal-footer">
                     <div class="form-group">
                        <div class="col-xs-5 col-xs-offset-3">
                            <input type="submit" class="btn btn btn-primary" id="btn_agregar_nuevo" name="btn_agregar_nuevo" value="Guardar" />
                          <button type="button" class="btn btn-default" data-dismiss="modal" id="btn_cancelar">Cancelar</button>
                        </div>
                    </div>
                    </div>
                    
                    
            </div>
            
                
       
        
        
        
       
		</div>



</section>
</body>
</html>
<script type="text/javascript">
$(function() {
    /** SELECT DE BANCOS */
     $('#nombre_banco').on('change', function(){
          selectedOption = $('option:selected', this);
     
            $('input[name=codigo_cuenta_contable]').val( selectedOption.data('codigo-cuenta-contable') );
            $('input[name=codigo_banco]').val(selectedOption.data('codigo-banco') );
            $('input[name=numero_cuenta]').val( selectedOption.data('numero-cuenta') );
            $('input[name=cod_cuenta_contable]').val( selectedOption.data('codigo-cuenta-contable') );
            
            if(selectedOption.data('tipo-cuenta')=='ahorro')
                $('#ahorro').prop('checked',true);
             
            if(selectedOption.data('tipo-cuenta')=='corriente')
                $('#corriente').prop('checked',true);

            if(selectedOption.data('tipo-cuenta')=='')
            {
                 $('#corriente').prop('checked',false);
                 $('#ahorro').prop('checked',false);
                
            }
            
            if(selectedOption=='')
                 $('input[name=codigo_banco]').val('');
     });
     /** SELECT DE CLIENTES*/
      $('#proveedores').on('change', function(){
          selectedOption = $('option:selected', this);
     
            $('input[name=codigo_proveedor]').val( selectedOption.data('id') );
           

     });
});
</script> 

<script>
/** VALIDA EL FORMULARIO*/
$(document).ready(function() {
    $('#NuevoDeposito')
      .find('[name="nombre_banco"]')
            .selectpicker()
            .change(function(e) {
                // revalidate the language when it is changed
                $('#NuevoDeposito').formValidation('revalidateField', 'nombre_banco');
                  //$('#NuevoDeposito').formValidation('revalidateField', 'clientes');
                  //$('#NuevoDeposito').formValidation('revalidateField', 'dep_descripcion');
                  //$('#NuevoDeposito').formValidation('revalidateField', 'dob');
            })
            .end()
    
    .formValidation({
        framework: 'bootstrap',
         excluded: ':disabled',
        icon: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },
        fields: {
                       
             nombre_banco: {
                validators: {
                    notEmpty: {
                        message: 'Ingrese el Nombre'
                    }
                }
            },
                        
             clientes: {
                validators: {
                    notEmpty: {
                        message: 'Ingrese el Cliente'
                    }
                }
            },
            dep_descripcion: {
                validators: {
                    notEmpty: {
                        message: 'Ingrese la Descripcr&oacute;n'
                    }
                }
            },
            dob: {
                    excluded: false,
                    validators: {
                        notEmpty: {
                            message: 'Llene cada campo',
                            transformer: function($field, validatorName) {
                                var y = $('#NuevoDeposito').find('[name="year"]').val(),
                                    m = $('#NuevoDeposito').find('[name="month"]').val(),
                                    d = $('#NuevoDeposito').find('[name="date"]').val();
                                return (y === '' || m === '' || d === '') ? '' : [y, m, d].join('.');
                            }
                        },
                        date: {
                            format: 'YYYY.MM.DD',
                            separator: '.',
                            transformer: function($field, validatorName) {
                                var y = $('#NuevoDeposito').find('[name="year"]').val(),
                                    m = $('#NuevoDeposito').find('[name="month"]').val(),
                                    d = $('#NuevoDeposito').find('[name="date"]').val();
                                return [y, m, d].join('.');
                            },
                            message: 'Ingrese una fecha v&aacute;lida'
                        }
                    }
                }
        }
    })
    .on('keyup', 'input[name="date"], input[name="month"], input[name="year"]', function(e) {
            $('#NuevoDeposito').formValidation('revalidateField', 'dob');
        });
});
</script>
<script>
/** DATATABLE SCRIPT*/

$(document).ready(function() {
    var t = $('#example').DataTable({
        
        "scrollCollapse": true,
        "paging":         false,
        "oLanguage": {
			"sLengthMenu": "_MENU_ registros por pagina",
            "sInfo":           "Mostrando registros del _START_ al _END_ de un total de _TOTAL_ registros",
            "sInfoEmpty":  "Mostrando registros del 0 al 0 de un total de 0 registros",
"sInfoFiltered": "(filtrado de un total de _TOTAL_ registros)",
            "sSearch":         "Buscar:",
            "oPaginate": {
        
        "sNext":     "Siguiente",
        "sPrevious": "Anterior"
    }
			}
        
    });
    var counter = 1;
 
    $('#addRow').on( 'click', function () {
        t.row.add( [
            "<input type='text' name='' value='"+counter+".1' style='width:50%' >",
             "<input type='text' name='' value='"+counter+".2'style='width:80%' >",
             "<input type='text' name='' value='"+counter+".3'style='width:90%'>", 
             "<input type='text' name='' value='"+counter+".4'style='width:60%' >",
              "<input type='text' name='' value='"+counter+".5'style='width:60%'>",
               "<input type='text' name='' value='"+counter+".6'style='width:60%' >",
        ] ).draw();
 
        counter++;
    } );
 
    // Automatically add a first row of data
    $('#addRow').click();
     $('#addRow').click();
} );
</script>
<script type="text/javascript">
			$(document).ready(function(){
	

var altura_body = $("body").outerHeight(true);
    var altura_cabecera = $(".cabecera").outerHeight(true) + 55;
    var altura_area = altura_body - altura_cabecera;
    
    $('.contenido_cuentas').height(altura_area);
    var altura_titulo = $(".titulo_ventana").outerHeight(true);
    $('.area_pantalla').height(altura_area - altura_titulo - 100);
    
    var $scrollable_div2 = $('.area_pantalla');
    $scrollable_div2.scrollator();
     });
			
		</script>


